* {
  margin: 0;
  padding: 0;
}
/* 整个滚动条 */
::-webkit-scrollbar {
  /* 对应纵向滚动条的宽度 */
  width: 0px;
  /* 对应横向滚动条的宽度 */
  height: 0px;
}

/* 滚动条上的滚动滑块 */
::-webkit-scrollbar-thumb {
  background-color: #49b1f5;
  border-radius: 32px;
}

/* 滚动条轨道 */
::-webkit-scrollbar-track {
  background-color: gold;
  border-radius: 32px;
}
html,
body {
  width: 100%;
  height: 100%;
}
body {
  background-image: url(../png/pngname.png);
  background-repeat: no-repeat;
  background-size: 100%;
}
.xing {
  height: 50px;
}
.cr1 {
  width: 40%;
  height: 350px;
  background-color: rgba(255, 192, 203, 0.397);
  font-size: 30px;
  position: relative;
  z-index: 9;
  margin: 50px auto;
  padding: 20px;
}
input {
  width: 300px;
  height: 50px;
  margin-top: 10px;
  border-radius: 10px;
  font-size: 30px;
  color: #24cc24;
  opacity: 0.5;
}
.lbjj {
  position: relative;
}
/* .hua {
  width: 100%;
  height: 750px;
  border: pink 3px solid;
  position: absolute;
  top: 0;
} */
.lbj1 {
  width: 300px;
  height: 250px;
  background-image: url(../png/M1R0YT3-2.png);
  background-repeat: no-repeat;
  background-size: 100%;
  z-index: 5;
  animation: lbjj 5s infinite;
  position: absolute;
  top: 240px;
  right: 0px;
}

@keyframes lbjj {
  0% {
    top: 140px;
    right: -200px;
  }
  100% {
    top: 390px;
    right: 1800px;
  }
}
/* 111111222222222222 */
.lbj2 {
  width: 300px;
  height: 250px;
  background-image: url(../png/lbjn-1.png);
  background-repeat: no-repeat;
  background-size: 100%;
  z-index: 5;
  animation: lbj1 8s infinite;
  position: absolute;
  top: -240px;
  right: 0px;
}

@keyframes lbj1 {
  0% {
    top: -340px;
    right: -200px;
  }
  100% {
    top: 1290px;
    right: 1600px;
  }
}

.lbj3 {
  width: 300px;
  height: 250px;
  background-image: url(../png/huoj-1.png);
  background-repeat: no-repeat;
  background-size: 100%;
  z-index: 5;
  animation: lbj3 10s infinite;
  position: absolute;
  bottom: -240px;
  left: 0px;
}

@keyframes lbj3 {
  0% {
    top: 1340px;
    left: 0px;
  }
  100% {
    top: -340px;
    left: 1220px;
  }
}
.lbj4 {
  width: 300px;
  height: 250px;
  background-image: url(../png/80QRC.png);
  background-repeat: no-repeat;
  background-size: 100%;
  z-index: 5;
  animation: lbj4 3s infinite;
  position: absolute;
  bottom: -240px;
  left: 0px;
}

@keyframes lbj4 {
  0% {
    top: 500px;
    left: -200px;
  }
  100% {
    top: 500px;
    left: 1620px;
  }
}
